<template>
	<n-carousel show-arrow>
	    <img
	      class="carousel-img"
	      src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
	    >
	    <img
	      class="carousel-img"
	      src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
	    >
	    <img
	      class="carousel-img"
	      src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel1.jpeg"
	    >
	    <img
	      class="carousel-img"
	      src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
	    >
	  </n-carousel>
</template>

<script setup>
	import {
		NCarousel,
	} from 'naive-ui'
	
	
</script>


<style scoped>
.carousel-img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
</style>